<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!---固定写法！！！！！！！--->

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/project.css" rel="stylesheet" type="text/css">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="js/jquery-3.2.1.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="js/bootstrap.min.js"></script>

</head>
<body>
<div id="east">
    <!--1.定义容器-->
    <div class="container-fluid" style="margin-top: 8px">
        <!--2.定义行-->
        <div class="row">
            <!--3.定义元素
                在大显示器一行12个格子
                在pad上一行6个格子
            -->

            <!--     <span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span>-->
            <div class=" col-lg-1 ">
                <a href="live.jsp">
                    <img  src="css/img/return.png" width="65px" style="margin-top: -3px" ></img>
                </a>
            </div>
            <div class="col-lg-8 "> </div>


            <div class="col-lg-2 " style="width: 295px" ><h2 style="margin-left: 34px;"><b>智能交通信号灯</b></h2></div>

        </div>

        <div style="margin-top: 10px">
            <div  class="col-sm-5 "style="margin-left: 2px">
                <th ><b><h4 style="color: white">&nbsp;&nbsp;&nbsp;津澧大道——南&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    2021/12/3 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    19:00 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;车流高峰</h4></b></th>
            </div>
            <!--    <div class="col-sm-1 ">-->
            <!--    <th><b><h4>2021/12/31</h4></b></th>-->
            <!--    </div>-->
            <!--    <div class="col-sm-1 ">-->
            <!--    <th><b><h4>19:00</h4></b></th>-->
            <!--    </div>-->
            <!--    <div class="col-sm-1">-->
            <!--    <th><b><h4>车流高峰</h4></b></th>-->
            <!--    </div>-->
        </div>


        <!--    <div class="table-responsive">-->

        <table align="right" border="5" width="715" height="467" cellspacing="0" class="table-hover" style="margin-top: 40px;
        margin-right: 30px">
            <tr style="background-color: #0F2B51" >
                <th align="center" width="190" height="60" ><h4 align="center" style="color: white">车牌</h4> </th>
                <th align="center" width="190" height="60"><h4 align="center" style="color: white">车速</h4></th>
                <th align="center" width="190" height="60"><h4 align="center" style="color: white">经停时长</h4></th>
                <th align="center" width="190" height="60"><h4 align="center" style="color: white">是否违规</h4></th>
            </tr>
            <tr>
                <td align="center" width="180" height="37">川EJK415</td>
                <td align="center" width="180" height="37">30KM/H</td>
                <td align="center" width="180" height="37">30S</td>
                <td align="center" width="180" height="37">否</td>

            </tr>
            <tr>
                <td align="center" width="175" height="37">川EJK415</td>
                <td align="center" width="175" height="37">30KM/H</td>
                <td align="center" width="175" height="37">30S</td>
                <td align="center" width="175" height="37">否</td>
            </tr>
            <tr>
                <td align="center" width="175" height="37">川EJK415</td>
                <td align="center" width="175" height="37">30KM/H</td>
                <td align="center" width="175" height="37">30S</td>
                <td align="center" width="175" height="37">否</td>
            </tr>
            <tr>
                <td align="center" width="175" height="37">川EJK415</td>
                <td align="center" width="175" height="37">30KM/H</td>
                <td align="center" width="175" height="37">30S</td>
                <td align="center" width="175" height="37">否</td>
            </tr>
            <tr>
                <td align="center" width="175" height="37">川EJK415</td>
                <td align="center" width="175" height="37">30KM/H</td>
                <td align="center" width="175" height="37">30S</td>
                <td align="center" width="175" height="37">否</td>
            </tr>
            <tr>
                <td align="center" width="175" height="37">川EJK415</td>
                <td align="center" width="175" height="37">30KM/H</td>
                <td align="center" width="175" height="37">30S</td>
                <td align="center" width="175" height="37">否</td>
            </tr>
            <tr>
                <td align="center" width="175" height="37">川EJK415</td>
                <td align="center" width="175" height="37">30KM/H</td>
                <td align="center" width="175" height="37">30S</td>
                <td align="center" width="175" height="37">否</td>
            </tr>
            <tr>
                <td align="center" width="175" height="37">川EJK415</td>
                <td align="center" width="175" height="37">30KM/H</td>
                <td align="center" width="175" height="37">30S</td>
                <td align="center" width="175" height="37">否</td>
            </tr>
            <tr>
                <td align="center" width="175" height="37">川EJK415</td>
                <td align="center" width="175" height="37">30KM/H</td>
                <td align="center" width="175" height="37">30S</td>
                <td align="center" width="175" height="37">否</td>
            </tr>
            <tr>
                <td align="center" width="175" height="37">川EJK415</td>
                <td align="center" width="175" height="37">30KM/H</td>
                <td align="center" width="175" height="37">30S</td>
                <td align="center" width="175" height="37">否</td>
            </tr>
            <tr>
                <td align="center" width="175" height="37">川EJK415</td>
                <td align="center" width="175" height="37">30KM/H</td>
                <td align="center" width="175" height="37">30S</td>
                <td align="center" width="175" height="37">否</td>
            </tr>

        </table>
        <!--    </div>-->
        </span>
        <div style="margin-left: 30px ; ">
            <img src="css/img/East.jpg"  class="img-responsive" align="left" width="490" height="150" />
        </div>


        <div style="margin-left: 30px ; "  >
            <table align="left" border="0" cellspacing="0" style="background-color: #0F2B51;"  width="490" height="150" >
                <tr >
                    <th width="82"></th>
                    <th width="82"><h5 style="color: white"><b>时间:</b></h5></th>
                    <th width="82"><h5 style="color: white"><b>19:00</b></h5></th>
                    <th width="244"></th>

                </tr>
                <tr>
                    <th width="82"></th>
                    <th width="82"><h5 style="color: white"><b>单向车流：</b></h5></th>
                    <th width="82"><h5 style="color: white"><b>47</b></h5></th>
                    <th width="244"></th>
                </tr>
                <tr>
                    <th width="82"></th>
                    <th width="200"><h5 style="color: white"><b>车辆平均经过时长:</b></h5></th>
                    <th width="82"><h5 style="color: white"><b>34S</b></h5></th>
                    <th width="126"></th>

                </tr>
                <tr>
                    <th width="82"></th>
                    <th width="82"><h5 style="color: white"><b>天气:</b></h5></th>
                    <th width="82"><h5 style="color: white"><b>晴</b></h5></th>
                    <th width="244"></th>
                </tr>
                <tr>
                    <th width="82"></th>
                    <th width="82"><h5 style="color: white"><b>拥堵状况:</b></h5></th>
                    <th width="82"><h5 style="color: white"><b>不拥堵</b></h5></th>
                    <th width="244"></th>
                </tr>

            </table>
        </div>


        <table  border="0" width="700" height="50" cellspacing="0" style="background-color: #1B4275;" >
            <tr>
                <td align="center"><h3 style="color: white"><b>单向路口经过车辆记录</b></h3></td>
            </tr>

        </table>
    </div>
</div>
</body>
</html>
